vuecli3.0+ element

您所在的位置：网站首页 › vue-cli3打包请求不到fonts woff静态资源 › vuecli3.0+ element

vuecli3.0+ element

2024-07-11 13:39| 来源: 网络整理| 查看: 265

首先需要明确的是：

icon不显示发现是路径不对，请求路径是/dist/static/css/static/fonts/732389de.element-icons.ttf，多了css/static。正确路径应该是/dist/static/fonts/732389de.element-icons.ttf

vue-cli2 可以更改utils.js文件 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../', // 解决ele小图标出不来问题 }) } else { return .concat(loaders) } 然后在config里面的index.js，加入assetsPublicPath: './' build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 'static', assetsPublicPath: './', //解决打包完路径不对的问题

但是在 vue-cli3.0 中不能进行 build 的配置

我们只能通过 vue.config.js 中的 publicPath 进行配置，配置里面加入publicPath: ‘./’，

配置成什么地址，那么打包之后，index.html 中的js、 css 等资源的路径就是这样的，此处，有些文档上给出的是 baseUrl，但是目前好像是支持 publicPath；如果配置了 baseUrl 也能编译打包成功，但是会提示 “baseUrl options in vue.config.js is deprecated now, plate use publicPath instead” 例如：publicPath 设置成了 “http://www.baidu.com” 的结果

module.exports = { publicPath: './', xxx } 然而到了webpack4，不支持自定义这样配置了，需要在rules里面配置 { test: /\.(sa|sc|c)ss$/, use: [ { loader: devMode ? 'style-loader' : MiniCssExtractPlugin.loader, options: { publicPath: '../../', }, }, 'css-loader', 'sass-loader' ] },

【本文地址】

vuecli3.0+ element

vuecli3.0+ element

今日新闻

推荐新闻